<template>
  <div class="home">
    <!-- 轮播 -->
    <Swiper></Swiper>
    <div class="home_item">
      <Icon fontsize="0.33" color="#C22E30" icon="iconfont icon-qiandao" title="签到"></Icon>
      <Icon fontsize="0.33" color="#C22E30" icon="iconfont icon-bianzux" title="礼券"></Icon>
      <Icon fontsize="0.33" color="#C22E30" icon="iconfont icon-wodekanjia" title="砍价"></Icon>
      <Icon fontsize="0.33" color="#C22E30" icon="iconfont icon-zhuanlan" title="专栏"></Icon>
    </div>
    <!--  全民砍价-->
    <BargainList></BargainList>
    <!-- 精选专题 -->
    <Handpick></Handpick>
    <!-- 人气推荐 -->
  <Popularity></Popularity>
  </div>
</template>

<script>
import Swiper from "./Swiper";
import Icon from "../components/icon/Icon";
import BargainList from "../components/list/BargainList";
import Handpick from "../components/list/Handpick"
import Popularity from "../components/list/Popularity"
export default {
  components: {
    Icon,
    Swiper,
    BargainList,
    Handpick,
    Popularity
  },
  data() {
    return {};
  },
  mounted() {
    this.$network.getStoreList({
    }).then((res=>{
      console.log(res.data.data)
    }))
  }
};
</script>

<style  scoped>
.home{
  height: 35rem;
    background: #f5f5f5;
    /* overflow: auto; */
}
/deep/ .van-tabbar-item__text {
  font-size: 0.25rem;
}
.home_item {
  width: 100%;
  height: 2rem;
  /* border: 1px solid red; */
  border-radius: 22% 22% 0 0;
  position: absolute;
  top: 5.61rem;
  background: white;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
/deep/ .iconfont[data-v-0933a10f] {
  font-size: 0.66rem;
}
.bargain_title{
    /* width: 100%; */
    height: 1.2rem;
    border: 1px solid red;
    margin-top:0.3rem;
    background:white ;
    text-align: center;
    line-height: 1.2rem;
}
</style>
